<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsf/composite"
	xmlns:p="http://primefaces.org/ui">

<ui:decorate template="/jsp/WEB/pageLayout.xhtml">
	<ui:define name="centro">

		<h:form id="form">
			
			<p:panel id="Lista" header="Listagem de Usuários">
				<p:dataTable var="usuario" value="#{CadUsuarioBean.listaUsuario}" widgetVar="usersTable" 
                 emptyMessage="Nenhum usuário encontrado!" style="margin-top:40px; position: auto" paginator="true" rows="20"
					rowsPerPageTemplate="10,20,30,40,50" filteredValue="#{CadUsuarioBean.usuariosFiltrados}"> 
 
		        <f:facet name="header">
		            <p:outputPanel>
		                <h:outputText value="Buscar todos os campos: " />
		                <p:inputText id="globalFilter" onkeyup="PF('usersTable').filter()" 
		                	style="width:150px" placeholder="Digite a palavra"/>
		            </p:outputPanel>
		        </f:facet>
		 
		        <p:column filterBy="#{usuario.userId}" sortBy="userId" headerText="Código" 
		        		filterMatchMode="contains">
		            <h:outputText value="#{usuario.userId}" />
		        </p:column>
		        
		        <p:column filterBy="#{usuario.name}" headerText="Nome" sortBy="name" 
		        		filterMatchMode="contains">
		            <h:outputText value="#{usuario.name}" />
		        </p:column>
		 
		        <p:column filterBy="#{usuario.post}" headerText="Cargo" sortBy="post"
		        		filterMatchMode="contains">
		            <h:outputText value="#{usuario.post}" />
		        </p:column>
		        
		        <p:column filterBy="#{usuario.login}" headerText="Login" sortBy="login"
		        		filterMatchMode="contains">
		            <h:outputText value="#{usuario.login}" />
		        </p:column>
		        
		        <p:column filterBy="#{usuario.password}" headerText="Senha" filterMatchMode="contains">
		            <h:outputText value="#{usuario.password}" />
		        </p:column>
		        
		        <p:column filterBy="#{usuario.active}" headerText="Ativo" filterMatchMode="contains">
		            <h:outputText value="Ativo" rendered="#{usuario.active}" />
					<h:outputText value="Inativo" rendered="#{not usuario.active}" />
		        </p:column>
                
    			</p:dataTable>
			</p:panel>
		</h:form>
	</ui:define>
</ui:decorate>
</html>